<template>
	<view class="rootdiv">
		<view class="imgdiv" v-for="(item,index) in lstImage">
			<image :src="baseUrl+item.fileUrl" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	import {
		getBannerById
	} from "@/api/api.js";
	import {
		is,
		getUrl
	} from '@/config.js'
	export default {
		data() {
			return {
				lstImage: [],
				baseUrl: ""
			}
		},
		methods: {

		},
		onLoad(options) {
			var me = this;
			this.baseUrl = getUrl();
			var bannerInfo = JSON.parse(decodeURIComponent(options.bannerInfo));
			getBannerById(bannerInfo.bannerId).then(
				(res) => {
					me.lstImage = res.data.sysBannerItemList;
				}
			);
		},
	}
</script>

<style scoped>
	.rootdiv {
		/* background: linear-gradient(180deg, #00cc6a 0%, #d8feeb 30%); */
		/* padding-top: 20rpx;
		padding-bottom: 20rpx; */
		width: 100%;
		position: relative;
	}

	.imgdiv {
		width: 750rpx;
		/* background: #ffffff; */
		/* box-shadow: 0px 6px 16px 0px rgba(75, 126, 139, 0.1); */
		margin: auto;
		z-index: 44;
		position: relative;
		opacity: 1;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}
	.imgdiv image{
		width: 100%;
		height: 100%;
	}
</style>
